<template>
  <div class="list">
    <ul>
      <li @click="goBrand">
        <i>
          <img
            src="../../components/My/image/wode_icon_guanzhu.png"
            alt="" /></i
        ><span>我关注的品牌</span>
        <b><img src="../../components/My/image/changyongicon-.png" alt="" /></b>
      </li>
      <li @click="goProducts">
        <i
          ><img
            src="../../components/My/image/wode_icon_guanzhu.png"
            alt="" /></i
        ><span>我收藏的产品</span>
        <b><img src="../../components/My/image/changyongicon-.png" alt="" /></b>
      </li>
      <li @click="goInvite">
        <i
          ><img
            src="../../components/My/image/wode_icon_guanzhu.png"
            alt="" /></i
        ><span>邀请好友</span>
        <b><img src="../../components/My/image/changyongicon-.png" alt="" /></b>
      </li>
      <li @click="myComments">
        <i
          ><img
            src="../../components/My/image/wode_icon_guanzhu.png"
            alt="" /></i
        ><span>我的评论</span>
        <b><img src="../../components/My/image/changyongicon-.png" alt="" /></b>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    goBrand() {
      this.$router.push({ name: "Brand" });
    },
    goProducts() {
      this.$router.push({ path: "/products" });
    },
    goInvite() {
      this.$router.push({ path: "/invite" });
    },
    myComments() {
      this.$router.push({ path: "/myComments" });
    },
  },
};
</script>

<style scoped>
.list {
  margin-top: 57px;
}
.list ul {
  margin-left: 35px;
  margin-right: 50px;
  height: 42px;
  line-height: 30px;
}
.list ul li {
  margin-top: 28px;
  height: 42px;
}
.list ul i {
  float: left;
  width: 30px;
  height: 42px;
  margin-right: 12px;
}
.list ul img {
  width: 30px;
  height: 30px;
}
.list ul span {
  float: left;
  height: 42px;
  line-height: 42px;
  font-size: 30px;
  color: #151414;
}
.list ul b {
  float: right;
  width: 30px;
  height: 42px;
}
.list ul img {
  display: block;
  width: 30px;
  height: 42px;
}
</style>
